<?xml version="1.0" encoding="UTF-8"?>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:h="http://java.sun.com/jsf/html">

    <h:head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
        <h:outputStylesheet library="css" name="style.css" />
        <h:outputStylesheet library="css" name="table.css" />
        <title>FamTime - Be part of it!</title>
    </h:head>

    <h:body>
        <div id="top">
            FamTime - This platform brings you all together!
                <h:panelGroup>

                     <h:form id="logout">
                         <h:commandButton value="Logout" action="#{kalenderPM.logout()}" rendered="#{!kalenderPM.loggedIn}"/>
                    </h:form>
                </h:panelGroup>

        </div>
        <div id="main">
            <div id="logo">FamTime</div>

                    <ui:insert name="content"/>
        </div>
        <div id ="bottom">
            <ul id="bottom">
                <li><a action="#{kalenderPM.login()}">Login</a></li>
                <li><a href="">Registrieren</a></li>
                <li><a href="">Unser Angebot</a></li>
                <li><a href="">Presse</a></li>
                <li><a href="">AGB  Richtlineen</a></li>
                <li><a href="">Support</a></li>
                <li><a href="">Impressum</a></li>
            </ul>
        </div>
    </h:body>
</html>
